const style = theme => ({
  message: {
    width: '100%',
    fontSize: '0.75rem',
    padding: '0.625rem 0',
    borderBottom: '1px solid #ddd',
    paddingBottom: '1.25rem',
  },
  header: {
    height: '1.5rem',
    lineHeight: '1.5rem',
    margin: '0.625rem 0',
  },
  title: {
    display: 'inline-block',
    width: '10rem',
    color: '#555',
    textOverflow: 'ellipsis',
    overflow: 'hidden',
    whiteSpace: 'nowrap',
  },
  replyContainer: {
  },
  content: {
    width: '100%',
    padding: '0 0.6rem',
    background: '#eee',
    color: '#595959',
    lineHeight: '1.8rem',
  },
  sign: {
    color: '#444',
    display: 'inline-block',
    float: 'right',
    fontSize: '0.75rem',
    background: '#eee',
    padding: '0 0.625rem',
  },
  signAll: {
    color: '#eee',
    display: 'inline-block',
    fontSize: '0.75rem',
    background: theme.palette.primary[400],
    padding: '0 1rem',
  },
})
export default style
